// 初始化地图，返回一个map对象
function initMap(){
   /* var Esri_DarkGreyCanvas = L.tileLayer(
        "http://{s}.sm.mapstack.stamen.com/" +
        "(toner-lite,$fff[difference],$fff[@23],$fff[hsl-saturation@20])/" +
        "{z}/{x}/{y}.png",
    );*/
    var Esri_DarkGreyCanvas = L.tileLayer(
        "",
    );

    map = L.map('map', {
        layers: [Esri_DarkGreyCanvas],
        zoomControl: true,
        dragging:false,
        scrollWheelZoom:false,
        doubleClickZoom:false,
        touchZoom:false,
        tileSize:{width:"50px",height:"50px"},
        opacity:1,
        iconSize:"100px",
        trailLength:100,
        trackResize:true
    });

    map.setView([33.5, 117.2], 9);
    // map.setZoom(9.4);
    map.setZoom(8.5);
    // map.setMaxZoom(9.4);
    // map.zoom()
    // map.dragging();
    // map.removeLayer();
    return map;
}

// 生成一个wind图层并返回
function windLayer(data){
    var velocityLayer = L.velocityLayer({
        displayValues: true,
        displayOptions: {
            velocityType: 'GBR Wind',
            displayPosition: 'bottomleft',
            displayEmptyString: 'No wind data'
        },
        data: data,
        //Velocity：速率
        minVelocity: 0,
        maxVelocity: 10,
        velocityScale: 0.03,//粒子的长度
        particleMultiplier: 1 / 300,//粒子的数量
        lineWidth: 3.5,                     //粒子的粗细
        trailLength:100,
        trackResize:true,

        // frameRate: 15,                      //定义每秒执行的次数
        colorScale: ["rgb(220,20,60)","rgb(147,112,219)","rgb(0,255,127)","rgb(255,215,0)"],
        // colorScale: ["rgb(122,103,238),rgb(144,238,144),rgb(139,0,0)"],
        // colorScale: ["#5a4af1","#E52B4A","#e427d6",],
        // zoomControl:false
    });
    return velocityLayer;
}

//默认进页面渲染，不定时刷新
(function(){
    var map = initMap();
    // var data = '/custom/libs/资源评估气象预警/windydata.json';
    // var data2 = '/custom/libs/资源评估气象预警/20191114_UV3days.json';
		    var data = 'custom/libs/资源评估气象预警/windydata.json';
    var data2 = 'custom/libs/资源评估气象预警/20191114_UV3days.json';
    $.getJSON(data).done(function(data){//leaflet数据模板
        $.getJSON(data2).done(function(data2){
            // console.log(data2.data.value[0].elementVal);
            let v=data2.data.value[0].elementVal[0].val;
            let u=data2.data.value[0].elementVal[1].val;
            let v_now=data2.data.value[1].elementVal[0].val;
            let u_now=data2.data.value[1].elementVal[1].val;
            let uArr=[];//形状模板
            let vArr=[];//形状模板
            let uArr_now=[];//展示的数组
            let vArr_now=[];//展示的数组

            /*模板数组-------start---leaflet形状模板----*/
            v.forEach(function (e) {
                e.forEach(function (e) {
                    if(e=="-999.9"||e==-999.9){
                        vArr.push(null);
                    }else{
                        vArr.push(e);
                    }
                })
            })
            u.forEach(function (e) {
                e.forEach(function (e) {
                    if(e=="-999.9"||e==-999.9){
                        uArr.push(null);
                    }else{
                        uArr.push(e);
                    }
                })
            })
            /*模板数组-------end---leaflet形状模板----*/


            /*展示的数组-------start-------*/
            v_now.forEach(function (e) {
                e.forEach(function (e) {
                    if(e=="-999.9"||e==-999.9){
                        vArr_now.push(null);
                    }else{
                        vArr_now.push(e);
                    }
                })
            })

            u_now.forEach(function (e) {
                e.forEach(function (e) {
                    if(e=="-999.9"||e==-999.9){
                        uArr_now.push(null);
                    }else{
                        uArr_now.push(e);
                    }
                })
            })
            /*展示的数组-------end-------*/

            /*//形状模板里面放数据*/
            let i=0;
            vArr.forEach(function (e) {
                if(e!==null){
                    // console.log(e)
                    vArr[i]=vArr_now[i];
                }
                i++;
            })
            let j=0;
            uArr.forEach(function (e) {
                if(e!==null){
                    uArr[i]=uArr_now[i];
                }
                j++;
            })
            /*//形状模板里面放数据*/

            data[0].data=[];
            data[0].data=uArr;
            data[1].data=[];
            data[1].data=vArr;
            // console.log(data);
            layMap = windLayer(data);
            layMap.addTo(map);
            /*setInterval(function () {
                layMap.setData([]);
            }, 5000);*/
            // console.log(uArr);
            // console.log(vArr);
        })

    })
})()

function getWinddata(dataNum) {
    console.log(dataNum)
    var windData;
    // var data = '/custom/libs/资源评估气象预警/windydata.json';
    // var data2 = '/custom/libs/资源评估气象预警/20191114_UV3days.json';
		    var data = 'custom/libs/资源评估气象预警/windydata.json';
    var data2 = 'custom/libs/资源评估气象预警/20191114_UV3days.json';
    var realData = 'custom/libs/资源评估气象预警/20191118.json';
    $.getJSON(realData).done(function(realData){
        $.getJSON(data).done(function(data){//leaflet最后数据模板
            $.getJSON(data2).done(function(data2){
                let v=data2.data.value[0].elementVal[0].val;//形状模板二维数组
                let u=data2.data.value[0].elementVal[1].val;//形状模板二维数组
                timerWindDataTotalNum=realData.data.value.length;
                let v_now=realData.data.value[dataNum].elementVal[0].val;//需要实时处理的数据
                let u_now=realData.data.value[dataNum].elementVal[1].val;//需要实时处理的数据
                let uArr=[];//形状模板一维数组
                let vArr=[];//形状模板一维数组
                let uArr_now=[];//展示的数组
                let vArr_now=[];//展示的数组

                /*uArr形状模板数组-999换null-------start---leaflet形状模板----*/
                v.forEach(function (e) {
                    e.forEach(function (e) {
                        if(e=="-999.9"||e==-999.9){
                            vArr.push(null);
                        }else{
                            vArr.push(e);
                        }
                    })
                })
                u.forEach(function (e) {
                    e.forEach(function (e) {
                        if(e=="-999.9"||e==-999.9){
                            uArr.push(null);
                        }else{
                            uArr.push(e);
                        }
                    })
                })
                /*uArr形状模板数组-999换null-------end---leaflet形状模板----*/


                /*展示的数组vArr_now第一步-999换null-------start-------*/
                v_now.forEach(function (e) {
                    e.forEach(function (e) {
                        if(e=="-999.9"||e==-999.9){
                            vArr_now.push(null);
                        }else{
                            vArr_now.push(e);
                        }
                    })
                })

                u_now.forEach(function (e) {
                    e.forEach(function (e) {
                        if(e=="-999.9"||e==-999.9){
                            uArr_now.push(null);
                        }else{
                            uArr_now.push(e);
                        }
                    })
                })
                /*展示的数组vArr_now第一步-999换null-------end-------*/

                /*两个都处理为一维数组，形状模板里面放数据*/
                let i=0;
                vArr.forEach(function (e) {
                    if(e!==null){
                        // console.log(e)
                        vArr[i]=vArr_now[i];
                    }
                    i++;
                })
                let j=0;
                uArr.forEach(function (e) {
                    if(e!==null){
                        uArr[i]=uArr_now[i];
                    }
                    j++;
                })
                /*两个都处理为一维数组，形状模板里面放数据*/

                data[0].data=[];
                data[0].data=uArr;
                data[1].data=[];
                data[1].data=vArr;
                windData=data;
                // console.log(windData)
                layMap.setData(windData);
            })
        })

    })
}
/*function showMap() {
    var map = initMap();
    var data = '/custom/libs/资源评估气象预警/windydata.json';
    var data2 = '/custom/libs/资源评估气象预警/20191114_UV3days.json';
    $.getJSON(data).done(function(data){
        $.getJSON(data2).done(function(data2){
            // console.log(data2.data.value[0].elementVal);
            let v=data2.data.value[0].elementVal[0].val;
            let u=data2.data.value[0].elementVal[1].val;
            let v_now=data2.data.value[1].elementVal[0].val;
            let u_now=data2.data.value[1].elementVal[1].val;
            let uArr=[];
            let vArr=[];
            let uArr_now=[];
            let vArr_now=[];
            /!*模板数组-------start-------*!/
            v.forEach(function (e) {
                e.forEach(function (e) {
                    if(e=="-999.9"||e==-999.9){
                        vArr.push(null);
                    }else{
                        vArr.push(e);
                    }
                })
            })
            u.forEach(function (e) {
                e.forEach(function (e) {
                    if(e=="-999.9"||e==-999.9){
                        uArr.push(null);
                    }else{
                        uArr.push(e);
                    }
                })
            })
            /!*模板数组-------end-------*!/
            /!*展示的数组-------start-------*!/
            v_now.forEach(function (e) {
                e.forEach(function (e) {
                    if(e=="-999.9"||e==-999.9){
                        vArr_now.push(null);
                    }else{
                        vArr_now.push(e);
                    }
                })
            })

            u_now.forEach(function (e) {
                e.forEach(function (e) {
                    if(e=="-999.9"||e==-999.9){
                        uArr_now.push(null);
                    }else{
                        uArr_now.push(e);
                    }
                })
            })
            /!*展示的数组-------end-------*!/
            let i=0;
            vArr.forEach(function (e) {
                if(e!==null){
                    // console.log(e)
                    vArr[i]=vArr_now[i];
                }
                i++;
            })
            let j=0;
            uArr.forEach(function (e) {
                if(e!==null){
                    uArr[i]=uArr_now[i];
                }
                j++;
            })


            data[0].data=[];
            data[0].data=uArr;
            data[1].data=[];
            data[1].data=vArr;
            // console.log(data);
            var layer = windLayer(data);
            layer.addTo(map);
            // console.log(uArr);
            // console.log(vArr);
        })

    })
}*/
